<!DOCTYPE html>
<html>
    <head>
        <title>letter</title>
        <link rel="stylesheet" type = "text/css" href = "style.css">
        
    </head>

    <body>
        <div class = "contaioner">
        <div class = "box">
        <div class = "content">
            <h2>WATER WAVE DIV</h2>
            <p>
                hello  this is a water div
            </p>
        </div>
        </div>
        </div>
        <svg>
            <filter id = "wavy">
                <feTurbulence x ="0" y ="0" baseFrequency = "0.02" numOctaves = "5" seed = "2"></feTurbulence>
                <animate attributeName = "baseFrequency" dur = "60s" values = "0.02;0.05;0.02" repeatCount = "indefinite" />
                <feDisplacementMap in = "SourceGraphic" scale = "30" />
            </filter>
        </svg>
    </body>
    <script>
    function isSupportSVG() { 
    var SVG_NS = 'http://www.w3.org/2000/svg';
    return !!document.createElementNS &&!!document.createElementNS(SVG_NS, 'svg').createSVGRect; 
    } 

// 测试
console.log(isSupportSVG());

a = decodeURI("2f7b8a3fc805b67738c80a20b7e83d04da279ead?timestamp=1582074000&token=7880ec41ffdfcbef9f8fd0653075455a&name=Chapter%200%20%E8%AF%BE%E7%A8%8B%E4%BB%8B%E7%BB%8D");
console.log(a) ;   
    </script>
</html>